<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="金顾云集团——10年专注融资外包服务商，提供融资服务外包、企业生态共建解决方案。">
    <meta name="keywords" content="金顾云,融资外包,企业生态,金融管家,融资租赁,商业保理,金融顾问,企业金融服务">
    <title>金顾云集团 - 10年专注融资外包服务商</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.loli.net/css2?family=Noto+Serif+SC:wght@400;500&display=swap" rel="stylesheet">
    <script src="js/load-nav.js"></script>
    <style>
    /* 新导航按钮样式 */
    .btn-partner {
        background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 25px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s;
        margin-left: 10px;
    }
    .btn-partner:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
    }
    .btn-financing {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 25px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s;
        margin-left: 10px;
    }
    .btn-financing:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
    }
    /* 首页融资产品板块样式优化 */
    .finance-products-grid .product-title {
      color: #222;
      text-align: center !important;
      font-weight: bold;
      margin-bottom: 14px;
      width: 100%;
      display: block;
    }
    .finance-products-grid .product-img-circle {
      color: #2c5aa0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px auto;
      font-size: 2.2em;
    }
    
    /* 融资租赁行业动态新闻标题悬停效果 */
    .news-item-large .news-title-large {
      cursor: pointer;
      transition: color 0.2s ease;
    }
    .news-item-large .news-title-large:hover {
      color: #c00;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-color: #c00;
    }
    /* 优化后的产品描述交互 */
    .finance-product-card {
        position: relative;
        min-height: 240px;
        transition: transform 0.3s ease;
        border-radius: 12px;
        overflow: hidden;
    }
    
    .product-desc {
        opacity: 0;
        height: 0;
        padding: 0 20px;
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 30%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(20%);
        pointer-events: none;
    }
    
    .finance-product-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.1);
    }
    
    .finance-product-card:hover .product-desc {
    
    /* 移动端优化样式 */
    @media (max-width: 768px) {
        .finance-product-card {
            min-height: 200px;
            margin-bottom: 16px;
        }
        
        .product-desc {
            padding: 0 16px;
            font-size: 0.9em;
        }
        
        .finance-products-grid .product-title {
            font-size: 1.1em;
            margin-bottom: 12px;
        }
        
        .finance-products-grid .product-img-circle {
            font-size: 1.8em;
            margin-bottom: 16px;
        }
        
        .btn-partner, .btn-financing {
            padding: 8px 16px;
            font-size: 14px;
            margin-left: 8px;
        }
    }
    
    @media (max-width: 480px) {
        .finance-product-card {
            min-height: 180px;
            margin-bottom: 12px;
        }
        
        .product-desc {
            padding: 0 12px;
            font-size: 0.85em;
        }
        
        .finance-products-grid .product-title {
            font-size: 1em;
            margin-bottom: 10px;
        }
        
        .finance-products-grid .product-img-circle {
            font-size: 1.5em;
            margin-bottom: 12px;
        }
        
        .btn-partner, .btn-financing {
            padding: 6px 12px;
            font-size: 12px;
            margin-left: 6px;
        }
    }
        opacity: 1;
        height: auto;
        padding: 25px 20px;
        transform: translateY(0);
        backdrop-filter: blur(4px);
    }
    
    .product-title {
        transition: margin 0.3s ease;
        position: relative;
        z-index: 2;
    }
    
    .finance-product-card:hover .product-title {
        margin-bottom: 80px !important;
    }
    
    .product-img-circle {
        transition: transform 0.3s ease;
    }
    
    .finance-product-card:hover .product-img-circle {
        transform: scale(0.9);
    }
    
    /* 微调原有样式 */
    .product-title {
        margin-bottom: 20px !important; /* 给描述出现留出空间 */
    }
    /* 最终优化版 */
    .finance-product-card {
        position: relative;
        min-height: 240px;
        padding-bottom: 40px; /* 为描述预留空间 */
    }
    
    .product-desc {
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        max-height: 0;
        opacity: 0;
        padding: 0 20px;
        background: linear-gradient(to top, rgba(255,255,255,1) 60%, rgba(255,255,255,0.8));
        transform: translateY(100%);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 2;
    }
    
    .finance-product-card:hover .product-desc {
        max-height: 300px;
        opacity: 1;
        padding: 25px 20px 35px;
        transform: translateY(0);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }
    
    .product-title {
        position: relative;
        z-index: 1;
        transition: transform 0.3s;
    }
    
    .finance-product-card:hover .product-title {
        transform: translateY(-20px); /* 标题上移腾出空间 */
    }
    /* 服务客群悬停效果 */
    .client-card {
        position: relative;
        min-height: 220px;
        padding-bottom: 40px;
        transition: transform 0.3s ease;
    }
    
    .client-desc {
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        max-height: 0;
        opacity: 0;
        padding: 0 20px;
        background: linear-gradient(to top, rgba(255,255,255,1) 60%, rgba(255,255,255,0.9));
        transform: translateY(100%);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 2;
    }
    
    .client-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.1) !important;
    }
    
    .client-card:hover .client-desc {
        max-height: 200px;
        opacity: 1;
        padding: 20px;
        transform: translateY(0);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }
    
    .client-title {
        position: relative;
        z-index: 1;
        transition: transform 0.3s;
    }
    
    .client-card:hover .client-title {
        transform: translateY(-15px);
    }
    
    .client-icon {
        transition: transform 0.3s;
    }
    
    .client-card:hover .client-icon {
        transform: scale(0.9) translateY(-8px);
    }
    /* 商业模式悬停效果 */
    .advantage-card {
        position: relative;
        padding-bottom: 40px;
        transition: transform 0.3s ease;
    }
    
    .advantage-desc {
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        max-height: 0;
        opacity: 0;
        padding: 0 20px;
        background: linear-gradient(to top, rgba(255,255,255,1) 60%, rgba(255,255,255,0.9));
        transform: translateY(100%);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 2;
    }
    
    .advantage-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    }
    
    .advantage-card:hover .advantage-desc {
        max-height: 200px;
        opacity: 1;
        padding: 20px;
        transform: translateY(0);
        box-shadow: 0 12px 24px rgba(0,0,0,0.1);
    }
    
    .advantage-title {
        position: relative;
        z-index: 1;
        transition: transform 0.3s;
    }
    
    .advantage-card:hover .advantage-title {
        transform: translateY(-12px);
    }
    
    .advantage-icon {
        transition: all 0.3s;
    }
    
    .advantage-card:hover .advantage-icon {
        transform: scale(0.85) translateY(-6px);
        color: #2c5aa0; /* 保持图标颜色一致 */
    }
    </style>
</head>
<body>
    <!-- 导航组件容器 -->
    <div id="nav-container"></div>

    <!-- 首页横幅 -->
    <section class="banner">
        <div class="banner-video" style="max-width:900px;margin:32px auto 0 auto;">
            <div class="video-wrapper" style="position:relative;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.15);">
                <video 
                    id="company-video-banner" 
                    width="100%" 
                    height="auto" 
                    controls 
                    autoplay 
                    muted
                    style="display:block;border-radius:16px;"
                    poster=""
                    preload="metadata"
                >
                    <source src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/ssxcxcx/ssp202507141728211752485301200.mp4" type="video/mp4">
                    您的浏览器不支持视频播放。
                </video>
                <div id="video-loading-banner" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.1em;display:none;">
                    <i class="fas fa-spinner fa-spin" style="margin-right:8px;"></i>
                    视频加载中...
                </div>
            </div>
          
        </div>
    </section>
        <!-- 复制自关于我们页面的公司简介模块，插入到核心数据模块上方 -->
        <section class="section" id="company-intro-home">
          <div class="container">
              <div class="about-intro-flex" style="display:flex;align-items:center;gap:48px;flex-wrap:wrap;">
                  <div style="flex-shrink:0;min-width:220px;">
                      <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/%E9%87%91%E9%A1%BE%E4%BA%91logo.jpg" alt="金顾云logo" style="width:220px;border-radius:12px;box-shadow:0 2px 16px rgba(222,41,16,0.08);">
                  </div>
                  <div style="flex:1;min-width:260px;">
                      <div class="about-content">
                          <p style="
                              font-size: 1.25rem;
                              line-height: 1.8;
                              font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', serif;
                              color: #333;
                              letter-spacing: 0.5px;
                              text-align: justify;
                              text-indent: 2em;
                              font-weight: 400;
                              max-width: 800px;
                              margin: 0 auto;
                          ">
                              金顾云是一家专注为公司金融顾问(CFC)赋能、为企业提供债权融资外包服务（包括认证会员、常年顾问和专项融资等)的B2B机构。我们汇聚了来自银行、融资租赁、信托等金融系统的资深对公服务专家，构建了高效企业服务生态，打造了数字化智能合作平台，通过标准化作业、高效协作和科技赋能，优化企业融资服务体验。我们信奉“专业、创新、协同、透明”的价值观，致力将平台打造成为一个适合金融顾问成长、展业和社交的大社区。全平台目前包括金顾云科技、金顾云融顾、金顾云学院、金顾云俱乐部、金顾云公益、金顾云党支部等多个模块。
                          </p>
                      </div>
                  </div>
              </div>
          </div>
      </section>

    <!-- 核心数据 -->
    <section class="stats">
        <div class="container">
            <div class="stats-grid">
                <div class="stat-item">
                    <div class="stat-number">100<span>亿+</span></div>
                    <div class="stat-label">累计融资规模</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">1000<span>+</span></div>
                    <div class="stat-label">服务企业数量</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">1000<span>+</span></div>
                    <div class="stat-label">金融机构合作</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">60<span>+</span></div>
                    <div class="stat-label">行业覆盖</div>
                </div>
            </div>
        </div>
    </section>


    <!-- 融资产品板块 -->
    <section class="section" id="core-services">
      <div class="container">
        <h2 class="section-title" style="text-align:center;">主打服务</h2>
        <div class="core-services-grid" style="display:flex;gap:40px;flex-wrap:wrap;justify-content:center;align-items:stretch;">
          <!-- 融资外包服务模块 -->
          <div class="service-card" style="background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(102,126,234,0.08);padding:36px 28px;max-width:420px;flex:1 1 320px;display:flex;flex-direction:column;align-items:center;text-align:center;">
            <div class="service-icon" style="font-size:2.6em;color:#667eea;margin-bottom:18px;"><i class="fas fa-handshake"></i></div>
            <h3 style="font-size:1.3em;font-weight:bold;margin-bottom:16px;">融资外包服务</h3>
            <p style="font-size:1.08em;line-height:1.7;color:#333;margin-bottom:18px;">企业融资全流程外包，专业团队定制方案，高效对接多元资金渠道，助力企业快速拿到资金。</p>
            <ul class="service-features" style="list-style:none;padding:0;margin:0 0 22px 0;display:flex;gap:18px;justify-content:center;">
              <li style="display:flex;align-items:center;gap:6px;font-size:0.98em;color:#667eea;"><i class="fas fa-users-cog"></i>专业团队</li>
              <li style="display:flex;align-items:center;gap:6px;font-size:0.98em;color:#667eea;"><i class="fas fa-network-wired"></i>多元渠道</li>
              <li style="display:flex;align-items:center;gap:6px;font-size:0.98em;color:#667eea;"><i class="fas fa-check-circle"></i>成功后收费</li>
            </ul>
            <a href="finance-outsourcing-center.html" class="btn btn-financing" style="margin-top:auto;">了解更多</a>
          </div>
          <!-- 常年融资顾问服务模块 -->
          <div class="service-card" style="background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(247,147,30,0.08);padding:36px 28px;max-width:420px;flex:1 1 320px;display:flex;flex-direction:column;align-items:center;text-align:center;">
            <div class="service-icon" style="font-size:2.6em;color:#f7931e;margin-bottom:18px;"><i class="fas fa-user-tie"></i></div>
            <h3 style="font-size:1.3em;font-weight:bold;margin-bottom:16px;">常年融资顾问</h3>
            <p style="font-size:1.08em;line-height:1.7;color:#333;margin-bottom:18px;">企业专属融资管家，持续陪伴，专家一对一咨询，系统培训，助力企业建立科学融资体系。</p>
            <ul class="service-features" style="list-style:none;padding:0;margin:0 0 22px 0;display:flex;gap:18px;justify-content:center;">
              <li style="display:flex;align-items:center;gap:6px;font-size:0.98em;color:#f7931e;"><i class="fas fa-user-shield"></i>持续服务</li>
              <li style="display:flex;align-items:center;gap:6px;font-size:0.98em;color:#f7931e;"><i class="fas fa-chalkboard-teacher"></i>专家团队</li>
              <li style="display:flex;align-items:center;gap:6px;font-size:0.98em;color:#f7931e;"><i class="fas fa-chart-line"></i>提升能力</li>
            </ul>
            <a href="consultant.html" class="btn btn-partner" style="margin-top:auto;">了解更多</a>
          </div>
        </div>
      </div>
    </section>

     <!-- 商业模式/核心优势 -->
    <section class="section">
        <div class="container">
            <h2 class="section-title" style="text-align:center;">商业模式与核心优势</h2>
            <div class="advantages-grid">
                <!-- B2B专业服务定位 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-briefcase"></i></div>
                    <h3 class="advantage-title">B2B专业服务定位</h3>
                    <p class="advantage-desc">专注为公司金融顾问（CFC）赋能，为企业提供一站式融资外包服务。</p>
                </div>
                <!-- 专业化合伙制架构 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-users-cog"></i></div>
                    <h3 class="advantage-title">专业化合伙制架构</h3>
                    <p class="advantage-desc">采用真合伙+高佣金机制，汇聚资深公司金融专家，通过多角色分工+网状协同实现资源共享。</p>
                </div>
                <!-- 创新盈利合作机制 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-coins"></i></div>
                    <h3 class="advantage-title">创新盈利合作机制</h3>
                    <p class="advantage-desc">固定费率+落地后收费收取融资服务费用,不成功不收费。</p>
                </div>
                <!-- 科技赋能标准化运营 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-cloud"></i></div>
                    <h3 class="advantage-title">科技赋能标准化运营</h3>
                    <p class="advantage-desc">数字化平台，6大阶段14个节点标准化流程，提升作业效率。</p>
                </div>
                <!-- 全国布局快速响应 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-map-marked-alt"></i></div>
                    <h3 class="advantage-title">全国布局快速响应</h3>
                    <p class="advantage-desc">覆盖全国30多个省、250多个城市，2小时内线上线下协同响应。</p>
                </div>
                <!-- 客户价值信任体系 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-trophy"></i></div>
                    <h3 class="advantage-title">客户价值信任体系</h3>
                    <p class="advantage-desc">主打非标债权融资，全融资周期伴随企业成长，为企业降本增效。</p>
                </div>
                <!-- 多方共赢生态协同 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-handshake"></i></div>
                    <h3 class="advantage-title">多方共赢生态协同</h3>
                    <p class="advantage-desc">与银行、政府部门、商协会建立合作，为政府赋能专精特新企业，构建多方共赢生态。</p>
                </div>
                <!-- 品牌价值社会责任 -->
                <div class="advantage-card">
                    <div class="advantage-icon"><i class="fas fa-heart"></i></div>
                    <h3 class="advantage-title">品牌价值社会责任</h3>
                    <p class="advantage-desc">强化"公司金融顾问"专业化认知，通过公益基金会与党支部建设，将商业服务与社会价值结合。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 客户成功案例（左右分栏，右侧大图+内容） -->
    <section id="cases" class="section bg-light">
      <div class="container">
        <h2 class="section-title" style="margin-bottom:32px; text-align:center;">客户成功案例</h2>
        <div class="cases-flex">
          <!-- 左侧切换 -->
          <div class="cases-tabs">
            <div class="case-tab active" data-index="0">初创期</div>
            <div class="case-tab" data-index="1">发展期</div>
            <div class="case-tab" data-index="2">成熟期</div>
          </div>
          <!-- 右侧内容 -->
          <div class="cases-content">
          <!-- 初创期企业 -->
          <div class="case-detail active">
            <div class="case-detail-flex">
              <div class="case-img">
                <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/9eaca833b22ce563fe96613829ab6ce.png" alt="初创期案例">
              </div>
              <div class="case-info-block">
                <div class="case-company">农业科技企业</div>
                <div class="case-metrics"><span class="highlight">近三年核心指标：</span>资产规模0.5-1亿，年营收3-4千万，净利润0.5-1千万，负债率20-30%</div>
                <div class="case-status"><span class="highlight">面临现状：</span>基于传统农业行业转型，生产、销售与农作物相关饮品</div>
                <div class="case-breakthrough"><span class="highlight">金顾云解决方案：</span>
                  <ol>
                    <li>深度行业分析：我们识别出该企业属于专精特新+大健康双重概念，精准匹配偏好此类赛道的资方。</li>
                    <li>创新融资设计：我们主动推荐融资租赁方案，巧妙规避征信负担，为企业预留后续融资空间。</li>
                    <li>定制化服务：我们为企业量身设计2年期方案，既缓解短期资金压力，又确保还款灵活性和成本可控性。</li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
          <!-- 发展期企业 -->
          <div class="case-detail">
            <div class="case-detail-flex">
              <div class="case-img">
                <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/bb9498f9a95af90794c82a36ac427e3.png" alt="发展期案例">
              </div>
              <div class="case-info-block">
                <div class="case-company">传统制造企业</div>
                <div class="case-metrics"><span class="highlight">近三年核心指标：</span>资产规模3-6亿，年营收6-8亿，净利润0.5-1亿，负债率40-50%</div>
                <div class="case-status"><span class="highlight">面临现状：</span>传统制造行业，利润空间降低，新技术挑战加大，升级改造导致战略性亏损</div>
                <div class="case-breakthrough"><span class="highlight">金顾云解决方案：</span>
                  <ol>
                    <li>专业风险评估：我们深入分析企业客户结构稳定性，向资方充分展示其抗风险能力和收入保障。</li>
                    <li>精准资方匹配：我们主动寻找熟悉传统制造业的专业资方，确保双方理念契合。</li>
                    <li>前瞻性方案设计：我们基于对行业转型趋势的深度研判，为企业设计符合发展周期的个性化融资方案。</li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
          <!-- 成熟期企业 -->
          <div class="case-detail">
            <div class="case-detail-flex">
              <div class="case-img">
                <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/84cd8db4c1250e7ef042f0b377c3ea1.png" alt="成熟期案例">
              </div>
              <div class="case-info-block">
                <div class="case-company">节能环保企业</div>
                <div class="case-metrics"><span class="highlight">近三年核心指标：</span>资产规模4-6亿，年营收1-2亿，净利润0.2-0.3亿，负债率20-30%</div>
                <div class="case-status"><span class="highlight">面临现状：</span>非传统制造行业，资产属性较弱，轻资产运营</div>
                <div class="case-breakthrough"><span class="highlight">金顾云解决方案：</span>
                  <ol>
                    <li>政策机遇挖掘：我们深度研究"碳中和"政策红利，为企业精准定位节能环保概念优势，提升资方认可度。</li>
                    <li>资产价值重塑：我们全面梳理企业底层资产质量，向资方充分展示其客户结构稳定性和收入保障能力。</li>
                    <li>创新模式设计：我们独创"项目+回租"融资模式，成功盘活企业表内资产，匹配到认可企业价值的优质资方。</li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <style>
    .cases-flex {
      display: flex;
      gap: 32px;
      align-items: flex-start;
    }
    .cases-tabs {
      display: flex;
      flex-direction: column;
      gap: 24px;
      min-width: 120px;
    }
    .case-tab {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(222,41,16,0.08);
      padding: 24px 0;
      text-align: center;
      font-weight: bold;
      color: #333;
      font-size: 1.25em;
      cursor: pointer;
      transition: background 0.2s, color 0.2s, box-shadow 0.2s;
      border: none;
      letter-spacing: 2px;
      position: relative;
    }
    .case-tab.active, .case-tab:hover {
      background: #a1242b;
      color: #fff;
      box-shadow: 0 4px 16px rgba(161,36,43,0.12);
    }
    .cases-content {
      flex: 1;
      min-width: 0;
      position: relative;
    }
    .case-detail {
      display: none;
    }
    .case-detail.active {
      display: block;
      animation: fadeIn 0.5s;
    }
    .case-detail-flex {
      display: flex;
      gap: 36px;
      align-items: flex-start;
    }
    .case-img {
      flex: 0 0 320px;
      max-width: 320px;
      min-width: 160px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 16px rgba(0,0,0,0.08);
      background: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 360px; /* 2:3 比例，缩减1/4 */
    }
    .case-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .case-info-block {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 18px;
      font-size: 1.08em;
      color: #333;
    }
    .case-metrics, .case-status, .case-breakthrough {
      margin-bottom: 4px;
    }
    .highlight {
      color: #a1242b;
      font-weight: bold;
      margin-right: 6px;
    }
    .case-breakthrough ol {
      margin: 0 0 0 18px;
      padding: 0;
      color: #a1242b;
      font-size: 0.98em;
    }
    .case-breakthrough li {
      margin-bottom: 4px;
      color: #333;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px);}
      to { opacity: 1; transform: none;}
    }
    @media (max-width: 1100px) {
      .case-img { flex-basis: 120px; max-width: 120px; height: 180px; }
      .case-detail-flex { gap: 18px; }
    }
    @media (max-width: 900px) {
      .cases-flex { flex-direction: column; }
      .cases-tabs { flex-direction: row; gap: 12px; min-width: 0; }
      .case-tab { padding: 12px 0; font-size: 1em; }
      .case-detail-flex { flex-direction: column; gap: 12px; }
      .case-img { width: 100%; max-width: 100%; height: 180px; margin-bottom: 8px; }
    }
    @media (max-width: 600px) {
      .case-img { height: 120px; }
      .case-info-block { font-size: 0.98em; }
    }
    .case-company {
      font-size: 1.25em;
      font-weight: bold;
      color: #a1242b;
      text-align: right;
      margin-bottom: 12px;
      letter-spacing: 2px;
    }
    @media (max-width: 900px) {
      .case-company {
        text-align: left;
        margin-bottom: 8px;
      }
    }
    </style>
    <script>
    // 客户案例切换交互
    document.querySelectorAll('.case-tab').forEach((tab, idx) => {
      tab.addEventListener('click', () => {
        document.querySelectorAll('.case-tab').forEach(t => t.classList.remove('active'));
        document.querySelectorAll('.case-detail').forEach(d => d.classList.remove('active'));
        tab.classList.add('active');
        document.querySelectorAll('.case-detail')[idx].classList.add('active');
      });
    });
    </script>

    <!-- 专家顾问团队 -->
   <!-- <section class="section" id="expert-advisors">
        <div class="container">
            <h2 class="section-title" style="text-align:center;">专家顾问团队</h2>
            <div class="experts-grid">
                <div class="expert-card">
                    <div class="expert-avatar">
                        <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753438966773.jpg" alt="张建华">
                    </div>
                    <div class="expert-info">
                        <h3 class="expert-name">张建华</h3>
                        <div class="expert-title">高级融资顾问，银行授信专家</div>
                        <a href="#" class="expert-link">了解更多</a>
                    </div>
                </div>
                <div class="expert-card">
                    <div class="expert-avatar">
                        <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753438966773.jpg" alt="李明">
                    </div>
                    <div class="expert-info">
                        <h3 class="expert-name">李明</h3>
                        <div class="expert-title">融资租赁专家，设备融资顾问</div>
                        <a href="#" class="expert-link">了解更多</a>
                    </div>
                </div>
                <div class="expert-card">
                    <div class="expert-avatar">
                        <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753438966773.jpg" alt="王丽">
                    </div>
                    <div class="expert-info">
                        <h3 class="expert-name">王丽</h3>
                        <div class="expert-title">商业保理专家，供应链金融顾问</div>
                        <a href="#" class="expert-link">了解更多</a>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <!-- 融资租赁行业动态 -->
    <section class="section bg-light" id="industry-news">
        <div class="container">
            <h2 class="section-title" style="text-align:center;">融资租赁行业动态</h2>
            <div class="news-card-large" id="newsCardLarge">
                <!-- 左侧图片 -->
                <div class="news-image-large">
                    <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1a19ad96bd99de578fc9476e071c6ee.png" alt="融资租赁行业动态">
                </div>
                <!-- 右侧新闻列表 -->
                <div class="news-list-large" id="newsListLarge">
                    <!-- 新闻列表将通过JavaScript动态加载 -->
                </div>
            </div>
            <!-- 翻页按钮 -->
            <div class="news-pagination-large" id="newsPaginationLarge" style="text-align:center; margin-top:20px;">
                <button class="page-btn-large" onclick="prevNewsPage()">上一页</button>
                <span class="page-info-large" id="pageInfoLarge">第1页，共1页</span>
                <button class="page-btn-large" onclick="nextNewsPage()">下一页</button>
            </div>
        </div>
    </section>

    <!-- 简洁底部 -->
    <footer class="footer-simple">
      <div class="footer-main">
        <!-- 公司信息 -->
        <div class="footer-brand" style="flex:1 1 0;">
          <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/%E9%87%91%E9%A1%BE%E4%BA%91logo.jpg" alt="金顾云logo" class="footer-logo">
          <div class="footer-tagline">让融资更简单</div>
        </div>
        <!-- 栏目三栏 -->
        <div class="footer-columns" style="flex:1.5 1 0; min-width:260px;">
          <div class="footer-nav-section">
            <h4>融顾服务</h4>
            <a href="finance-outsourcing-center.html">融资外包</a>
            <a href="consultant.html">常顾服务</a>
          </div>
          <div class="footer-nav-section">
            <h4>关于我们</h4>
            <a href="about.html">公司简介</a>
            <a href="club.html">金顾云俱乐部</a>
            <a href="partner.html">合伙人加盟</a>
          </div>
          <div class="footer-nav-section">
            <h4>联系我们</h4>
            <a href="tel:0755-86561203">0755-86561203</a>
            <a href="mailto:service@cfcyun.com">service@cfcyun.com</a>
            
          </div>
        </div>
        <!-- 二维码区域 -->
        <div class="footer-qr" style="flex:3.5 1 0; max-width:900px;">
          <h4>扫码关注</h4>
          <div class="qr-grid">
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1.jpg" alt="金顾云小程序" class="footer-qr-img">
              <span>金顾云小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/2.jpg" alt="金顾云俱乐部小程序" class="footer-qr-img">
              <span>金顾云俱乐部小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/3.jpg" alt="金顾云公众号" class="footer-qr-img">
              <span>金顾云公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/4.jpg" alt="金顾云俱乐部公众号" class="footer-qr-img">
              <span>金顾云俱乐部公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/5.jpg" alt="金顾云公益基金会公众号" class="footer-qr-img">
              <span>金顾云公益基金会公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/6.jpg" alt="金顾云视频号" class="footer-qr-img">
              <span>金顾云视频号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/7.jpg" alt="金顾云俱乐部视频号" class="footer-qr-img">
              <span>金顾云俱乐部视频号</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 底部信息 -->
      <div class="footer-bottom">
        <div class="footer-copyright">
          <span>© 2024 金顾云集团 版权所有</span>
                      <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">沪ICP备2022025984号-3</a>
          <span>沪公网安备31010102007667号</span>
        </div>
        <div class="footer-links">
          <a href="/privacy">隐私政策</a>
          <a href="/terms">服务条款</a>
        </div>
      </div>
    </footer>

    <script src="js/main.js"></script>
    
    <script>
    // 视频播放控制
    document.addEventListener('DOMContentLoaded', function() {
        const video = document.getElementById('company-video-banner');
        const loadingIndicator = document.getElementById('video-loading-banner');
        
        if (video && loadingIndicator) {
            // 显示加载状态
            video.addEventListener('loadstart', function() {
                loadingIndicator.style.display = 'block';
            });
            
            // 隐藏加载状态
            video.addEventListener('loadeddata', function() {
                loadingIndicator.style.display = 'none';
            });
            
            // 处理加载错误
            video.addEventListener('error', function() {
                loadingIndicator.innerHTML = '<i class="fas fa-exclamation-triangle" style="margin-right: 8px;"></i>视频加载失败';
                loadingIndicator.style.color = '#ff6b6b';
            });
            
            // 尝试自动播放（现代浏览器通常需要用户交互）
            video.addEventListener('canplay', function() {
                // 移除muted属性，让用户可以听到声音
                setTimeout(() => {
                    video.muted = false;
                }, 1000);
            });
            
            // 用户点击视频时确保可以播放
            video.addEventListener('click', function() {
                if (video.paused) {
                    video.play().catch(function(error) {
                        console.log('自动播放失败:', error);
                    });
                }
            });
        }
    });
    </script>
    
    <style>
    /* 简洁底部样式 */
    .footer-simple {
      background: #f8f9fa;
      border-top: 1px solid #e9ecef;
      margin-top: 60px;
      width: 100%;
    }
    .footer-main {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      padding: 48px 40px 32px 40px;
      box-sizing: border-box;
      gap: 32px;
    }
    .footer-brand {
      min-width: 120px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .footer-logo {
      width: 80px;
      height: auto;
      margin-bottom: 16px;
      border-radius: 6px;
    }
    .footer-tagline {
      color: #6c757d;
      font-size: 1.1em;
      font-weight: 500;
      margin-top: 0;
    }
    .footer-columns {
      display: flex;
      gap: 48px;
      justify-content: center;
      min-width: 260px;
    }
    .footer-nav-section {
      min-width: 120px;
    }
    .footer-nav-section h4 {
      font-size: 1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
    }
    .footer-nav-section a {
      display: block;
      color: #6c757d;
      text-decoration: none;
      margin-bottom: 8px;
      font-size: 0.9em;
      transition: color 0.2s ease;
    }
    .footer-nav-section a:hover {
      color: #c00;
    }
    .footer-qr {
      min-width: 320px;
      max-width: 900px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footer-qr h4 {
      font-size: 1.1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
      text-align: center;
    }
    .qr-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 18px 18px;
      justify-content: flex-start;
      max-width: 900px;
    }
    .footer-qr-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: 80px;
    }
    .footer-qr-img {
      width: 60px;
      height: 60px;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }
    .footer-qr-img:hover {
      transform: scale(1.05);
    }
    .footer-qr-item span {
      font-size: 0.7em;
      color: #6c757d;
      text-align: center;
      margin-top: 2px;
      line-height: 1.2;
      word-wrap: break-word;
      hyphens: auto;
    }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 24px 40px;
      border-top: 1px solid #e9ecef;
      font-size: 0.85em;
      color: #6c757d;
      width: 100%;
      box-sizing: border-box;
    }
    .footer-copyright {
      display: flex;
      gap: 24px;
    }
    .footer-links {
      display: flex;
      gap: 24px;
    }
    .footer-links a {
      color: #6c757d;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .footer-links a:hover {
      color: #c00;
    }
    
    /* 响应式设计 */
    @media (max-width:1024px) {
      .footer-main {
        flex-wrap: wrap;
        gap: 24px;
        padding: 32px 16px 24px 16px;
      }
      .footer-columns {
        gap: 24px;
      }
      .footer-qr {
        min-width: 220px;
        max-width: 100%;
      }
      .qr-grid {
        gap: 12px 12px;
        max-width: 100%;
      }
    }
    @media (max-width: 900px) {
      .footer-main {
        flex-direction: column;
        gap: 24px;
        padding: 20px 8px;
      }
      .footer-columns {
        flex-direction: column;
        gap: 8px;
        min-width: 0;
      }
      .footer-qr {
        align-items: flex-start;
        min-width: 0;
      }
      .qr-grid {
        justify-content: flex-start;
      }
    }
    @media (max-width: 700px) {
      .footer-main {
        gap: 12px;
        padding: 10px 2px;
      }
      .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 8px;
      }
    }
    
    /* 服务客群卡片样式 */
    .client-groups-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        justify-content: center;
        align-items: stretch;
        margin-top: 32px;
    }
    .client-card {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(222,41,16,0.08);
        flex: 1 1 220px;
        max-width: 280px;
        min-width: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 32px 18px 24px 18px;
        transition: box-shadow 0.2s, transform 0.2s;
    }
    .client-card:hover {
        box-shadow: 0 8px 32px rgba(222,41,16,0.16);
        transform: translateY(-6px) scale(1.03);
    }
    .client-icon {
        font-size: 2.6em;
        color: #2c5aa0;
        margin-bottom: 16px;
    }
    .client-title {
        color: #333;
        font-size: 1.12em;
        font-weight: bold;
        margin-bottom: 12px;
        text-align: center;
    }
    .client-desc {
        color: #333;
        font-size: 1em;
        line-height: 1.8;
        text-align: center;
    }
    @media (max-width: 1100px) {
        .client-groups-grid {
            gap: 20px;
        }
        .client-card {
            max-width: 45%;
            min-width: 180px;
        }
    }
    @media (max-width: 700px) {
        .client-groups-grid {
            flex-direction: column;
            gap: 16px;
        }
        .client-card {
            max-width: 100%;
            min-width: 0;
            padding: 20px 8px;
        }
    }
    
    /* 商业模式与核心优势卡片样式 */
    .advantages-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 24px;
        justify-content: center;
        align-items: stretch;
        margin-top: 32px;
    }
    .advantage-card {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(222,41,16,0.08);
        /* flex: 1 1 280px;  删除flex属性 */
        max-width: 320px;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 28px 16px 22px 16px;
        transition: box-shadow 0.2s, transform 0.2s;
    }
    .advantage-card:hover {
        box-shadow: 0 8px 32px rgba(222,41,16,0.16);
        transform: translateY(-6px) scale(1.03);
    }
    .advantage-icon {
        font-size: 2.4em;
        color: #2c5aa0;
        margin-bottom: 14px;
    }
    .advantage-title {
        color: #333;
        font-size: 1.18em;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center;
    }
    .advantage-desc {
        color: #333;
        font-size: 0.95em;
        line-height: 1.7;
        text-align: center;
    }
    @media (max-width: 1400px) {
        .advantages-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .advantage-card {
            max-width: 280px;
        }
    }
    @media (max-width: 1100px) {
        .advantages-grid {
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(4, auto);
            gap: 18px;
        }
        .advantage-card {
            max-width: 100%;
        }
    }
    @media (max-width: 700px) {
        .advantages-grid {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(8, auto);
            gap: 16px;
        }
        .advantage-card {
            max-width: 100%;
            min-width: 0;
            padding: 20px 12px 16px 12px;
        }
        .advantage-icon {
            font-size: 2.2em;
        }
        .advantage-title {
            font-size: 1.06em;
        }
        .advantage-desc {
            font-size: 0.94em;
        }
    }
    
    /* 专家顾问团队卡片样式 */
    .experts-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        margin-top: 40px;
    }
    .expert-card {
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        border: 1px solid #e5e5e5;
        transition: all 0.3s;
        overflow: hidden;
    }
    .expert-card:hover {
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    .expert-avatar {
        width: 100%;
        height: 240px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .expert-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }
    .expert-card:hover .expert-avatar img {
        transform: scale(1.05);
    }
    .expert-info {
        padding: 24px;
    }
    .expert-category {
        font-size: 12px;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 8px;
    }
    .expert-name {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        margin-bottom: 8px;
        line-height: 1.03;
    }
    .expert-title {
        font-size: 14px;
        color: #666;
        line-height: 1.04;
        margin-bottom: 16px;
    }
    .expert-link {
        color: #333;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: color 0.3s ease;
    }
    .expert-link:hover {
        color: #666;
        text-decoration: underline;
    }
    @media (max-width: 1240px) {
        .experts-grid {
            grid-template-columns: repeat(2,1fr);
            gap: 24px;
        }
    }
    @media (max-width: 768px) {
        .experts-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .expert-avatar {
            height: 200px;
        }
        .expert-info {
            padding: 20px;
        }
        .expert-name {
            font-size: 18px;
        }
        .expert-title {
            font-size: 13px;
        }
    }
    
    /* 视频模块样式 */
    .video-container {
      position: relative;
    }
    
    .video-wrapper {
      position: relative;
      aspect-ratio: 16/9;
      min-height: 300px;
    }
    
    .video-wrapper video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    /* 响应式设计 - 视频模块 */
    @media (max-width: 768px) {
      .video-wrapper {
        min-height: 200px;
      }
      
      .video-container {
        margin: 0 16px;
      }
    }
    
    @media (max-width: 480px) {
      .video-wrapper {
        min-height: 180px;
        border-radius: 12px !important;
      }
      
      .video-wrapper video {
        border-radius: 12px !important;
      }
    }
    
    /* 文化链接按钮样式 */
    .culture-link-btn:hover {
      background: #e9ecef !important;
      color: #343a40 !important;
      transform: translateY(-1px);
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    .culture-link-btn:active {
      transform: translateY(0);
    }
    </style>
</body>
</html> 